<%include("/common/list-top.html",{title:"容器模板管理",css:[ctxPath+"/css/basice.css",ctxPath+"/ztree/css/metroStyle.css"]}){}
%>

<div class="container-fluid">
    <div class="page-head-nav">
        <div class="row">
            <div class="col-xs-11">
                <ol class="breadcrumb">
                    <li><a href="${ctxPath}"><i class="icon icon-home"></i>工作台</a></li>
					<li>基础数据管理</li>
					<li><a href="${ctxPath}/template">容器模板</a></li>
				</ol>
			</div>
	<div class="col-xs-1">
		<a class="btn btn-link" >新增</a>
	</div>
        </div>
    </div>

<div class="row">
	<!--位置数据表格 -->
	<div class="col-xs-12">
		<div class="row listui" id="mainUI">
			<div class="col-xs-12 ">
				<#listTable url="/bartalks/containerTemplate"
					fields="template_code,容器编码,sort,query|template_type,容器类型,6.5%,sort,query|template_name,容器名称,sort,query|longs,长(cm),7%,no-sort,query|wide,宽(cm),7%,no-sort,query|high,高(cm),7%,no-sort,query|dead_weight,自重(kg),8%,no-sort,query|bear_weight,承重(kg),8%,no-sort,query" />
			</div>
		</div>
	</div>
</div>


<!-- 新增 -->
<div class="modal fade" id="addWindow">
	<div class="modal-dialog" style="width: 500px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span><span class="sr-only">关闭</span>
				</button>
				<h4 class="modal-title">添加容器模板</h4>
			</div>
			<div class="modal-body">
				<form class="form-horizontal" id="addForm">
					<div class="row">
					<div class="col-xs-2">
						<label>容器编码<span class="color_red"> *</span></label></div>
						<div class="col-xs-9">
							<input type="text" class="form-control" id="template_code"
								name="templateCode" maxlength="20" placeholder="容器编码" readonly>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>容器类型<span class="color_red"> *</span></label></div>
						<div class="col-xs-9">
								<select id="template_type" name="templateType" class="form-control">
								<option value="-1" selected="selected">---请选择容器类型---</option>
								<option value="0">仓储容器</option>
								<option value="1">运输容器</option>
								</select>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>容器名称<span
							class="color_red"> *</span></label></div>
						<div class="col-xs-9">
							<input type="text" class="form-control" id="template_name"
								name="templateName" maxlength="20" placeholder="容器名称">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>长度(cm)</label></div>
							<div class="col-xs-9">
							<input type="text" class="form-control number" id="longs" 
								name="longs" maxlength="11" placeholder="容器长度">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>宽度(cm)</label></div>
							<div class="col-xs-9">
							<input type="text" class="form-control number" id="wide"
								name="wide" maxlength="11" placeholder="容器宽度">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>高度(cm)</label></div>
							<div class="col-xs-9">
							<input type="text" class="form-control number" id="high"
								name="high" maxlength="11" placeholder="容器高度">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>自重(kg)</label></div>
							<div class="col-xs-9">
							<input type="text" class="form-control number" id="deadWeight"
								name="deadWeight" maxlength="11" placeholder="容器自重">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>承重(kg)</label></div>
							<div class="col-xs-9">
							<input type="text" class="form-control number" id="bearWeight"
								name="bearWeight" maxlength="11" placeholder="容器承重">
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="modal-footer">
			<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
			<button type="button" class="btn btn-primary" id="add">保存</button>
		</div>
	</div>
</div>


<!-- 编辑 -->
<div class="modal fade" id="editWindow">
	<div class="modal-dialog" style="width: 500px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span><span class="sr-only">关闭</span>
				</button>
				<h4 class="modal-title">编辑</h4>
			</div>
			<div class="modal-body">
				<form class="form-horizontal" id="editForm">
				
				<div class="row">
					<div class="col-xs-2">
						<label>容器编码<span class="color_red"> *</span></label></div>
						<div class="col-xs-9">
							<input type="hidden" id="id" name="id">
							<input type="text" class="form-control" id="templateCode"
								name="templateCode" maxlength="20" placeholder="容器编码" readonly="readonly">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>容器类型<span
							class="color_red"> *</span></label></div>
						<div class="col-xs-9">
							    <select id="templateType" name="templateType" class="form-control">
								<option value="-1" selected="selected">---请选择容器类型--</option>
								<option value="0">仓储容器</option>
								<option value="1">运输容器</option>
								</select>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>容器名称<span
							class="color_red"> *</span></label></div>
						<div class="col-xs-9">
							<input type="text" class="form-control" id="templateName"
								name="templateName" maxlength="20" placeholder="容器名称">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>长度(cm)</label></div>
							<div class="col-xs-9">
							<input type="text" class="form-control number" id="edit_longs"
								name="longs" maxlength="11" placeholder="容器长度">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>宽度(cm)</label></div>
							<div class="col-xs-9">
							<input type="text" class="form-control number" id="edit_wide"
								name="wide" maxlength="11" placeholder="容器宽度">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>高度(cm)</label></div>
							<div class="col-xs-9">
							<input type="text" class="form-control number"  id="edit_high"
								name="high" maxlength="11" placeholder="容器高度">
						</div>
					</div>
				<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>自重(kg)</label></div>
							<div class="col-xs-9">
							<input type="text" class="form-control number" id="edit_deadWeight"
								name="deadWeight" maxlength="11" placeholder="容器自重">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
					<div class="col-xs-2">
						<label>承重(kg)</label></div>
							<div class="col-xs-9">
							<input type="text" class="form-control number" id="edit_bearWeight"
								name="bearWeight" maxlength="11" placeholder="容器承量">
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="modal-footer">
			<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
			<button type="button" class="btn btn-primary" id="edit">保存</button>
		</div>
	</div>
</div>

</div>
<%include("/common/list-bottom.html",{js:[ctxPath+"/ztree/js/jquery.ztree.all.min.js",ctxPath+"/js/basics/containerTemplate-list.js"]}){} %>

